<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>我的控制面板</title>
		<link href="../theme/layout.css" rel="stylesheet" type="text/css" />
		<link href="../css/photo.css" rel="stylesheet" type="text/css" />
		
		<script src="../js/mootools.v1.1.js" type="text/javascript"
			charset="utf-8"></script>
		<script src="../js/mootabs1.2.js" type="text/javascript" charset="utf-8"></script>
		<link href="../theme/mootabs.css" rel="stylesheet" type="text/css" />
		<link href="../css/photo.css" rel="stylesheet" type="text/css" />
		
		<script type='text/javascript' src='../javascript/jquery-1.2.6.js'></script>
		<script type='text/javascript' src='../javascript/jquery.json.js'></script>
		<script type='text/javascript' src='../javascript/jquery.blockUI.js'></script>
  		<script type='text/javascript' src='../dwr/interface/PhotoCategoryService.js'></script>
  		<script type='text/javascript' src='../dwr/interface/PhotoService.js'></script>
  		<script type='text/javascript' src='../dwr/interface/DynamicInfomationService.js'></script>
  		<script type='text/javascript' src='../dwr/engine.js'></script>
  		<script type='text/javascript' src='viewphoto.js'></script>
  		<script type='text/javascript' src='../js/site_dynamic.js'></script>
  		
  		
		<script type="text/javascript" charset="utf-8">
			window.addEvent('domready', init);
			function init() {
				var myTabs1 = new mootabs('myTabs1',{width: '100%', changeTransition: 'none', mouseOverClass: 'over'});
				var myTabs2 = new mootabs('myTabs2',{height:'154px', width: '100%', changeTransition: 'none', mouseOverClass: 'over'});
				var myTabs3 = new mootabs('myTabs3',{height:'500px', width: '100%', changeTransition: 'none', mouseOverClass: 'over'});
			}
		</script>


		<!-- 以下是公共界面的内容 -->
		<style type="text/css">
			.Rounded{
				margin-bottom: 10px;
			]
		</style>

	</head>
	<body style="background-color:black;text-align: center;">
		<div class="pageMain" style="text-align:left; width: 1000px; overflow: hidden;">
			<div id="container" style="width: 1000px; ">
			<jsp:include flush="true" page="../include/header.jsp"></jsp:include>	
					<!-- 主窗体 -->
					<div class="mainCentent" style="width: 1000px; height: 500px;">
						<!-- 主窗体左侧栏目 -->
						<div class="mainCententLeft" style="width: 184px;float: left;overflow: hidden;">
							<!-- 个人验证图片栏目 -->
							<div class="Rounded">
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="../images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;个人验证图片
										</h2>
									</div>
								</div>
								<div class="myinfo roundm">
									<div style="height: 120px;"></div>
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
							<!-- 照片分类栏目 -->
							<div class="Rounded">
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="../images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;照片分类
										</h2>
										
									</div>
								</div>
								<div class="myinfo roundm">
								<!-- 照片目录 -->
									<div id="photo_category_data" style="height: 320px;padding-left: 7px;padding-top: 10px;">
								
									</div>
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
		

						</div>
						
						<!-- 主窗体中间栏目 -->
						<div class="mainCententMain" id="thumbnailView" style="width: 590px;float: left;padding: 10px;padding-top: 0px;">
							<!-- 图片列表 -->
							<div class="Rounded" >
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="../images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;图片列表
										</h2>
									</div>
								</div>
								<!-- 照片列表 -->
								<div class="roundty" id="photo_data">
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
								
								<div id='paging' class="paging"></div>
							</div>
						</div>
						<!-- 照片显示开始 -->
							<div class="mainCententMain" id="photoView" style="width: 590px;float: left;padding: 10px;padding-top: 0px;">
							<!-- 分享图片 -->
							<div class="Rounded" >
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;分享图片
										</h2>
									</div>
								</div>
								<div class="myinfo roundm">
									<!-- 显示上下张图片 -->
									<div style="width: 100%;border-bottom: 1px dashed white;">
										<div style="width: 33%;float: left;text-align: center;">
											<div class="picList" id="pre"><br/>
											</div>
										</div>
										<div style="width: 33%;float: left;text-align: center;padding-top: 20px;">
											<a href="#"><h3>分享这张图片</h3></a>
										</div>
										<div style="width: 33%;float: left;text-align: center;">
												<div class="picList" id="next"><br/>
												</div>
										</div>
									</div>
									<div style="text-align: center;margin-top: 10px;">
										<div class="photo">
											<!-- 这里放置图片 -->
										</div>
										<div>
											照片综合得分:&nbsp;&nbsp;&nbsp;&nbsp;分<br/>
											■■■■■■■■■■■■□□<br/>
											给照片打分
										</div>.
									</div>
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
							
							<!-- 这张照片的评论 -->
							<div class="Rounded">
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;照片评论
										</h2>
									</div>
								</div>
								<div class="myinfo roundm">
									<div style="border-bottom: 1px dashed #aaa;width: 100%;">
										<div style="width: 120px;overflow: hidden;float: left;text-align: center; ">
											<div style="width: 80px;margin:10px;">
												<a href="#"><img width="80" height="60"/></a>
											</div>
											<div style="width: 120px;height: 10px;padding-left: 0px;margin-bottom: 7px;">
												<a href="#">用户名</a>
											</div>	 
										</div>
										<div style="float: left;width: 380px;margin-top:10px; ">
											评论内容:<br/>
											<!-- 这里填写评价内容 -->
											
											
										</div>
									</div>
									
									
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
							
							<!-- 发表评论 -->
							<div class="Rounded">
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;发表评论
										</h2>
									</div>
								</div>
								<div class="myinfo roundm">
									<div style="height: 120px;width: 90%;padding-left:20px;padding-right:10px; ">
										
										<!-- 这里填写评论 -->
										<textarea rows="" cols="" style="width: 100%;height: 90px;background-color: #EAEAEA;"></textarea>
											
										
										<div style="text-align: right;margin-right: 10px;margin-top: 10px;">
											<input type="button" value="提 交"/>
										</div>
									</div>
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
							
							
							
						</div>
						<!--  显示照片结束-->
						<!-- 主窗体右侧栏目 -->
					<div class="mainCententRight" style="width: 195px;float: left;">
							<div id="mostpopularpic">
							<!-- 个人最受欢迎照片 -->
										<div class="Rounded">
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="../images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;个人最受欢迎照片
										</h2>
									</div>
								</div>
								<div class="myinfo roundm" id="mostpopid">
									
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
							</div>
							<div id="photoviewer">
							<!-- 看过此照片得人 -->
							<div class="Rounded">
								<div class="roundt">
									<div class="roundl1"></div>
									<div class="roundl2">
										<h2>
											<img src="../images/affiche_site.gif" width="22" height="17" align="absmiddle" />
											&nbsp;看过此张照片的人
										</h2>
									</div>
								</div>
								<div class="myinfo roundm" >
									<div style="text-align: center; margin-top: 10px;">
										照片名字<br/>
										<img style="width: 100px;height: 100px;border: 0;"/>
									</div>
									<div style="text-align: center; margin-top: 10px;">
										照片名字<br/>
										<img style="width: 100px;height: 100px;border: 0;"/>
									</div>
									<div style="text-align: center; margin-top: 10px;">
										照片名字<br/>
										<img style="width: 100px;height: 100px;border: 0;"/>
									</div>
									<div style="text-align: center; margin-top: 10px;">
										照片名字<br/>
										<img style="width: 100px;height: 100px;border: 0;"/>
									</div>
									<div style="text-align: center; margin-top: 10px;">
										照片名字<br/>
										<img style="width: 100px;height: 100px;border: 0;"/>
									</div>
								</div>
								<div class="roundf">
									<div class="roundf1">
										<!---->
									</div>
									<div class="roundf2">
										<h3></h3>
									</div>
								</div>
							</div>
							</div>
						</div>
					</div>
					
				</div>
				<!-- 尾部 -->
		<jsp:include flush="true" page="../include/footer.jsp"></jsp:include>
			</div>
	
		
		<!-- hidden things for communication -->
<div id="uploadFormDiv" style="display: none; padding-top: 10px;">		
<form action="upload.do" method="post" target="hiddenTarget" encType="multipart/form-data"  id="uploadForm">
	选择相册：<select id="categorySelect" name="categoryCode"">
			</select>
	<p>
		1: <input type="file" name="file1"/><br/>
		2: <input type="file" name="file2"/><br/>
		3: <input type="file" name="file3"/><br/>
		4: <input type="file" name="file4"/><br/>
		5: <input type="file" name="file5"/><br/>
		<input type="submit" value="开始上传" /> 
		<input type="button" value="取消" onclick="$J.unblockUI();"/> 
	</p>	
</form>
</div>
		<iframe name="hiddenTarget" width=0 height=0 style="display:none"></iframe>
	</body>
</html>
